<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<jsp:include page="head.jsp" ></jsp:include>
		<div class="D">
			<div class="d">
				<div class="d2">
					<nav>
						<a href="javascript:void(0)">内地</a>
						<a href="javascript:void(0)">港台</a>
						<a href="javascript:void(0)">欧美</a>
						<a href="javascript:void(0)">韩国</a>
						<a href="javascript:void(0)">日本</a>
						<a href="javascript:void(0)">更多</a>
					</nav>
				</div>
				<div class="d3">
					<ul class="d31">
						<li class="d311">
							<div class="">
								<div class="z1">
									<div onmousemove="da('photo_a_4','photo_b_4')" onmouseout="xiao('photo_a_4','photo_b_4')" class="palylist__cover">
										<a href="">
											<img id="photo_a_4" onmousemove="da('photo_a_4','photo_b_4')" onmouseout="xiao('photo_a_4','photo_b_4')" src="images/am12.jpg"
											 alt="">
											<img id="photo_b_4" onmousemove="da('photo_a_4','photo_b_4')" onmouseout="xiao('photo_a_4','photo_b_4')" src="images/play.png"
											 alt="">
										</a>
									</div>
								</div>
								<h4 class="z3">
									<a href="#">别找我麻烦</a></h4>
								<div class="z2"><a href="#">封茗</a></div>
							</div>
						</li>
						<li class="d311 ">
							<div class="">
								<div class="z1 ">
									<div onmousemove="da('photo_a_5','photo_b_5')" onmouseout="xiao('photo_a_5','photo_b_5')" class="palylist__cover">
										<a href="javascript:void(0)">
											<img id="photo_a_5" onmousemove="da('photo_a_5','photo_b_5')" onmouseout="xiao('photo_a_5','photo_b_5')" src="images/am3.jpg"
											 alt="">
											<img id="photo_b_5" onmousemove="da('photo_a_5','photo_b_5')" onmouseout="xiao('photo_a_5','photo_b_5')" src="images/play.png"
											 alt="">

										</a>
									</div>
								</div>
								<h4 class="z3">
									<a href="#">来自天堂的魔鬼</a></h4>
								<div class="z2"><a href="3">邓紫棋</a></div>
							</div>
						</li>
						<li class="d311 ">
							<div class="">
								<div class="z1 ">
									<div onmousemove="da('photo_a_7','photo_b_7')" onmouseout="xiao('photo_a_7','photo_b_7')" class="palylist__cover">
										<a href="javascript:void(0)">
											<img id="photo_a_7" onmousemove="da('photo_a_7','photo_b_7')" onmouseout="xiao('photo_a_7','photo_b_7')" src="images/am4.jpg"
											 alt="">
											<img id="photo_b_7" onmousemove="da('photo_a_7','photo_b_7')" onmouseout="xiao('photo_a_7','photo_b_7')" src="images/play.png"
											 alt="">
										</a>
									</div>
								</div>
								<h4 class="z3">
									<a href="#">岁月神偷</a></h4>
								<div class="z2"><a href="#">周笔畅</a></div>
							</div>
						</li>
						<li class="d311 ">
							<div class="">
								<div class="z1 ">
									<div onmousemove="da('photo_a_8','photo_b_8')" onmouseout="xiao('photo_a_8','photo_b_8')" class="palylist__cover">
										<a href="javascript:void(0)">
											<img id="photo_a_8" onmousemove="da('photo_a_8','photo_b_8')" onmouseout="xiao('photo_a_8','photo_b_8')" src="images/am12.jpg"
											 alt="">
											<img id="photo_b_8" onmousemove="da('photo_a_8','photo_b_8')" onmouseout="xiao('photo_a_8','photo_b_8')" src="images/play.png"
											 alt="">

										</a>
									</div>
								
							</div>
								<h4 class="z3">
									<a href="">最苦的甜</a>
								</h4>
								<div class="z2"><a href="#">胡夏</a></div>
							</div>
						</li>
						<li class="d311 ">
							<div class="">
								<div class="z1 ">
									<div onmousemove="da('photo_a_9','photo_b_9')" onmouseout="xiao('photo_a_9','photo_b_9')" class="palylist__cover">
										<a href="javascript:void(0)">
											<img id="photo_a_9" onmousemove="da('photo_a_9','photo_b_9')" onmouseout="xiao('photo_a_9','photo_b_9')" src="images/am1.jpg"
											 alt="">
											<img id="photo_b_9" onmousemove="da('photo_a_9','photo_b_9')" onmouseout="xiao('photo_a_9','photo_b_9')" src="images/play.png"
											 alt="">

										</a>
									</div>
								</div>
								<h4 class="z3">
									<a href="#">雪落下的声音</a></h4>
								<div class="z2"><a href="#">林俊杰</a></div>
							</div>
						</li>
						<li class="d311 ">
							<div class="">
								<div class="z1 ">
									<div onmousemove="da('photo_a_10','photo_b_10')" onmouseout="xiao('photo_a_10','photo_b_10')" class="palylist__cover">
										<a href="javascript:void(0)">
											<img id="photo_a_10" onmousemove="da('photo_a_10','photo_b_10')" onmouseout="xiao('photo_a_10','photo_b_10')"
											 src="images/am2.jpg" alt="">
											<img id="photo_b_10" onmousemove="da('photo_a_10','photo_b_10')" onmouseout="xiao('photo_a_10','photo_b_10')"
											 src="images/play.png" alt="">

										</a>
									</div>
								</div>
								<h4 class="z3">
									<a href="#">欧美金曲</a></h4>
								<div class="z2"><a href="#">Taylor Swift</a></div>
							</div>
						</li>
						<li class="d311 ">
							<div class="">
								<div class="z1 ">
									<div onmousemove="da('photo_a_11','photo_b_11')" onmouseout="xiao('photo_a_11','photo_b_11')" class="palylist__cover">
										<a href="">
											<img id="photo_a_11" onmousemove="da('photo_a_11','photo_b_11')" onmouseout="xiao('photo_a_11','photo_b_11')"
											 src="images/am15.jpg" alt="">
											<img id="photo_b_11" onmousemove="da('photo_a_11','photo_b_11')" onmouseout="xiao('photo_a_11','photo_b_11')"
											 src="images/play.png" alt="">

										</a>
									</div>
								</div>
								<h4 class="z3">
									<a href="">灯火人间</a></h4>
								<div class="z2"><a href="#">赵方婧</a></div>
							</div>
						</li>
						<li class="d311 ">
							<div class="">
								<div class="z1 ">
									<div onmousemove="da('photo_a_12','photo_b_12')" onmouseout="xiao('photo_a_12','photo_b_12')" class="palylist__cover">
										<a href="javascript:void(0)">
											<img id="photo_a_12" onmousemove="da('photo_a_12','photo_b_12')" onmouseout="xiao('photo_a_12','photo_b_12')"
											 src="images/am16.jpg" alt="">
											<img id="photo_b_12" onmousemove="da('photo_a_12','photo_b_12')" onmouseout="xiao('photo_a_12','photo_b_12')"
											 src="images/play.png" alt="">

										</a>
									</div>
								</div>
								<h4 class="z3">
									<a href="#">拜拜拜</a></h4>
								<div class="z2"><a href="#">季彦霖</a></div>
							</div>
						</li>
						<li class="d311 ">
							<div class="">
								<div class="z1 ">
									<div onmousemove="da('photo_a_17','photo_b_17')" onmouseout="xiao('photo_a_17','photo_b_17')" class="palylist__cover">
										<a href="javascript:void(0)">
											<img id="photo_a_17" onmousemove="da('photo_a_17','photo_b_17')" onmouseout="xiao('photo_a_17','photo_b_17')"
											 src="images/am17.jpg" alt="">
											<img id="photo_b_17" onmousemove="da('photo_a_17','photo_b_17')" onmouseout="xiao('photo_a_17','photo_b_17')"
											 src="images/play.png" alt="">

										</a>
									</div>
								</div>
								<h4 class="z3">
									<a href="#">哪吒闹</a></h4>
								<div class="z2"><a href="#">大张伟</a></div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	<jsp:include page="foot.jsp"></jsp:include>
</body>
</html>